$(function () {   
    // 入口函数，表示dom加载完毕
    // console.log($('#movie').html());
    // console.log($('ul').html());
    // console.log($('.love').html());

    //jq 转换成js dom
    // console.log($('#movie')[0]);
    // console.log($('#movie').get(0));
    
    // $('a').click(function(){
    //     alert('a标签的点击事件')
    // })

    // $('.mountain').on('click',function(){
    //     alert('点击了p标签')
    // })

    // $('a')[0].onclick = function(){
    //     alert('转成js对象')
    // }

    // 获取，修改内容
    console.log($('h3'))
    console.log($('h3').html()); // 节点元素也会获取到
    console.log($('h3').text());
    console.log($('h3').text('都逃不过love'));
    
    // $('.login').click(function(){
    //     alert('登录成功');
    //     $('.login').html("你好,<span style='color:red'>吴彦祖</span>")
    //     // $('.login').text('吴彦祖')
    // })
    // 获取，修改表单内容
    console.log($('input').val());

    // 练习
    $('.login').click(function(){
        $('.login').html("你好，<span style='color:red'>"+$('input').val()+"</span>");
        // $('.login').prop('style','background:red')
        // 可以获取行内样式
        $('.login').prop('style','background:green')
    })

    $('button').click(function(){
        // prop 表达固有属性 src，checked，参数1：属性名，参数2：属性值
        // $('img').prop('src','img/afternoon.jpg');
        // $('img').prop('width',100);
        // $('img').prop('height',100);
        // $('img').prop({
        //     width:100,
        //     height:100
        // })
        $('img').prop({
            src:'img/afternoon.jpg',
            width:100,
            height:100
        })
    })

    $('.lazy').click(function(){
        // 获取attr()自定义属性的方式
        $('.lazy').prop('src',$('.lazy').attr('lazyImg'))
    })
    
    $('.book').click(function(){
        // css()获取css样式
        console.log($('.book').css('border'));
        console.log($('.book').css('background'));
        alert();
    })

    // 存放学生信息
    var stu = [{
        name:'jhq',
        score: 95
    },
    {
        name:'yp',
        score:59
    }];

    // var happy = {
    //     score:[45,67,79,45]
    // }
    $('.btnYP').click(function(){
        $('.tdYP').text(stu[1].score);
        if(stu[1].score>90){
            $('.tdYP').css('color','green')
        }else if(stu[1].score>=60 && stu[1].score<=90){
            $('.tdYP').css('color','blue')
        }else{
            $('.tdYP').css('color','red')
        }
    })

    $('.music').click(function(){
        // 添加类
        $('.music').addClass('showTime')
    })
    $('.remMusic').click(function(){
        //移除类
        $('.music').removeClass('showTime')
    })

    // 开关灯
    var flag = true;
    $('.openClose').click(function(){
        // if(flag){
        //     $('.openClose').text('开灯');
        //     $('body').addClass('close');
        //     flag = false
        // }else{
        //     $('.openClose').text('关灯');
        //     $('body').removeClass('close');
        //     flag = true;
        // }
        // 切换类
        $('body').toggleClass('close')
    })
}); 